:root {
  color-scheme: light dark;
}

// 浅色主题
:root[data-theme="light"] {
  --login-bg-color: #ffffff;
  --login-text-color: #333333;
  --qrcode-other-status-bg-color: rgba(255, 255, 255, 0.8);
  --login-about-color: #505050;
  --login-input-bg-color: #f9f9f9;
  --login-input-text-color: #505254;
  --login-tips-color: #aaacb0;
  --login-button-text-color: #ffffff;
  --aside-bg-color: #ffffff;
  --aside-pop-opacity-bg-color: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #ffffff
  );
  --aside-pop-content-bg-color: #ffffff;
  --aside-user-nick-color: #333333;
  --aside-user-phone-color: #999999;
  --aside-user-other-info-color: #333333;
  --aside-user-other-info--title-color: #999999;
  --aside-edit-btn-color: #333333;
  --aside-edit-user-pic-border: 5px solid #ffffff;
  --telephone-notice-content-bg-color: #ffffff;
  --el-select-dropdown-bg-color: #ffffff;
  --el-picker-popper-bg-color: #ffffff;
  --chat-content-detail-bg-color: #f3f3f3;
  --chat-content-default-bg-color: #f8f8f8;
  --search-input-bg-color: #f4f4f4;
  --message-list-user-nick-color: #000000;
  --message-list-time-color: #8c8c8c;
  --message-list-active-bg-color: #f4f4f4;
  --messgae-detail-header-color: #000000;
  --messgae-detail-header-border: 1px solid #e9e9e9;
  --message-detail-popup-bg-color: #f2f2f2;
  --message-bottom-input-border-top: 1px solid #e9e9e9;
  --message-emoji-bg-color: #ffffff;
  --message-video-content-bg-color: #434242;
  --message-file-bg-color: #ffffff;
  --message-file-color: #000000;
  --message-friend-bg-color: #ffffff;
  --message-friend-color: #000000;
  --message-my-bg-color: #0091ff;
  --message-my-color: #ffffff;
  --message-edit-container-bg-color: #f2f2f2;
  --message-edit-container-title-color: #333333;
  --message-edit-input-bg-color: #ffffff;
  --message-edit-group-user-list-bg-color: #ffffff;
  --message-chat-pop-bg-color: #f2f2f2;
  --message-chat-pop-btn-bg-color: #ffffff;
  --message-chat-pop-btn-color: #000000;
  --message-send-btn-color: #ffffff;
  --message-send-btn-tips-bg-color: #ffffff;
  --message-send-btn-tips-color: #909399;
  --message-chat-list-bg-color: #fbfbfb;
  --WaiF-color: #cccccc;
  --contact-chat-list-bg-color: #fbfbfb;
  --contact-chat-list-active-bg-color: #f4f4f4;
  --contact-apply-message-content-bg-color: #f2f2f2;
  --contact-apply-message-content-border: 2px solid #f5f5f5;
  --content-apply-message-item-bg-color: #ffffff;
  --contact-apply-message-group-color: #333333;
  --contact-add-btn-bg-color: #f4f4f4;
  --contact-user-pic-border: 5px solid #ffffff;
  --contact-home-bg-color: #ffffff;
  --contact-group-info-one-border-bottom: 2px solid #f5f5f5;
  --space-content-bg-color: #f8f8f8;
  --space-item-border: 20px solid #f8f8f8;;
  --space-list-bg-color: #ffffff;
  --space-el-upload-bg-color: #f7f8fa;
  --space-image-slot-color: #909399;
  --space-image-slot-bg-color: #f5f7fa;
  --notes-content-bg-color: #f8f8f8;
  --notes-item-time-color: #535353;
  --scrollbar-track-bg-color: #efefef;
  --telephone-icon-my-color: #ffffff;
  --telephone-icon-friend-color: #000000;
  --chatAI-content-bg-color: #fbfbfb;
  --chatAI-new-talk-color: #ffffff;
  --chatAI-line-bg-color: #eeeeee;
  --chatAI-role-set-border: 1px solid #d7d5d5;
  --chatAI-history-item-color: #222226;
  --chatAI-history-item-active-bg-color: #eaeaea;
  --chatAI-talk-title-color: #333333;
}

// 深色主题
:root[data-theme="dark"] {
  --login-bg-color: #121212;
  --login-text-color: #dfdfdf;
  --qrcode-other-status-bg-color: rgba(18, 18, 18, 0.8);
  --login-about-color: #bbbbbc;
  --login-input-bg-color: #1e1d1d;
  --login-input-text-color: #bbbbbc;
  --login-tips-color: #aaacb0;
  --login-button-text-color: #ffffff;
  --aside-bg-color: #121212;
  --aside-pop-opacity-bg-color: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    #000000
  );
  --aside-pop-content-bg-color: #000000;
  --aside-user-nick-color: #dfdfdf;
  --aside-user-phone-color: #999999;
  --aside-user-other-info-color: #dfdfdf;
  --aside-user-other-info--title-color: #999999;
  --aside-edit-btn-color: #dfdfdf;
  --aside-edit-user-pic-border: 5px solid #dfdfdf;
  --telephone-notice-content-bg-color: #dfdfdf;
  --el-select-dropdown-bg-color: #ffffff;
  --el-picker-popper-bg-color: #ffffff;
  --chat-content-detail-bg-color: #202020;
  --chat-content-default-bg-color: #202020;
  --search-input-bg-color: #333333;
  --message-list-user-nick-color: #ffffff;
  --message-list-time-color: #8c8c8c;
  --message-list-active-bg-color: #232323;
  --messgae-detail-header-color: #ffffff;
  --messgae-detail-header-border: 1px solid #434242;
  --message-detail-popup-bg-color: #f2f2f2;
  --message-bottom-input-border-top: 1px solid #434242;
  --message-emoji-bg-color: #242424;
  --message-video-content-bg-color: #434242;
  --message-file-bg-color: #191919;
  --message-file-color: #ffffff;
  --message-friend-bg-color: #131313;
  --message-friend-color: #ffffff;
  --message-my-bg-color: #0091ff;
  --message-my-color: #ffffff;
  --message-edit-container-bg-color: #f2f2f2;
  --message-edit-container-title-color: #333333;
  --message-edit-input-bg-color: #ffffff;
  --message-edit-group-user-list-bg-color: #ffffff;
  --message-chat-pop-bg-color: #252525;
  --message-chat-pop-btn-bg-color: #121212;
  --message-chat-pop-btn-color: #ffffff;
  --message-send-btn-color: #ffffff;
  --message-send-btn-tips-bg-color: #ffffff;
  --message-send-btn-tips-color: #909399;
  --message-chat-list-bg-color: #191919;
  --WaiF-color: #cccccc;
  --contact-chat-list-bg-color: #191919;
  --contact-chat-list-active-bg-color: #232323;
  --contact-apply-message-content-bg-color: #202020;
  --contact-apply-message-content-border: 2px solid #333333;
  --content-apply-message-item-bg-color: #ffffff;
  --contact-apply-message-group-color: #ffffff;
  --contact-add-btn-bg-color: #333333;
  --contact-user-pic-border: 5px solid #ffffff;
  --contact-home-bg-color: #202020;
  --contact-group-info-one-border-bottom: 2px solid #f5f5f5;
  --space-content-bg-color: #232323;
  --space-item-border: 20px solid #232323;
  --space-list-bg-color: #191919;
  --space-el-upload-bg-color: #333333;
  --space-image-slot-color: #909399;
  --space-image-slot-bg-color: #f5f7fa;
  --notes-content-bg-color: #232323;
  --notes-item-time-color: #535353;
  --scrollbar-track-bg-color: #272727;
  --telephone-icon-my-color: #ffffff;
  --telephone-icon-friend-color: #ffffff;
  --chatAI-content-bg-color: #191919;
  --chatAI-new-talk-color: #ffffff;
  --chatAI-line-bg-color: #2d2d2d;
  --chatAI-role-set-border: 1px solid #535353;
  --chatAI-history-item-color: #f5f7fa;
  --chatAI-history-item-active-bg-color: #2e2d2d;
  --chatAI-talk-title-color: #ffffff;
}
